* {
box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1;
}
.vjs-menu-button {
cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none;
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none;
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2b333f;
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: 700;
cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2b333f;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 14em;
}
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 25em;
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
display: block;
}
.video-js .vjs-menu-button-inline {
transition: all 0.4s;
overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em;
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
transition: all 0.4s;
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
display: block;
opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto;
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden;
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2b333f;
background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table;
}
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67;
}
.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
text-shadow: 0 0 1em #fff;
}
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
display: none;
}
.video-js .vjs-progress-control {
cursor: pointer;
flex: auto;
display: flex;
align-items: center;
min-width: 4em;
touch-action: none;
}
.video-js .vjs-progress-control.disabled {
cursor: default;
}
.vjs-live .vjs-progress-control {
display: none;
}
.vjs-liveui .vjs-progress-control {
display: flex;
align-items: center;
}
.vjs-no-flex .vjs-progress-control {
width: auto;
}
.video-js .vjs-progress-holder {
flex: auto;
transition: all 0.2s;
height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
}
.video-js .vjs-play-progress {
background-color: #fff;
}
.video-js .vjs-play-progress:before {
font-size: 0.9em;
position: absolute;
right: -0.5em;
top: -0.3333333333em;
z-index: 1;
}
.video-js .vjs-load-progress {
background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none;
}
.video-js
.vjs-progress-control:hover
.vjs-progress-holder:focus
.vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
display: block;
font-size: 0.6em;
visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex
.vjs-progress-control
.vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
cursor: default;
}
.video-js .vjs-slider:focus {
text-shadow: 0 0 1em #fff;
box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
cursor: pointer;
flex: none;
}
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px;
}
.video-js .vjs-volume-panel {
transition: width 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s,
top 0s;
}
.video-js
.vjs-volume-panel
.vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js
.vjs-volume-panel.vjs-hover
.vjs-mute-control
~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
margin-right: 0;
}
.video-js
.vjs-volume-panel
.vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js
.vjs-volume-panel.vjs-hover
.vjs-mute-control
~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
left: -3.5em;
transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
width: 10em;
transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3000em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s,
top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s,
top 1s 1s;
}
.video-js.vjs-no-flex
.vjs-volume-panel
.vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex
.vjs-volume-panel
.vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: 0.5em;
}
.video-js .vjs-volume-panel {
display: flex;
}
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto;
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%;
}
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2b333f;
background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em;
}
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
}
.vjs-has-started .vjs-poster {
display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
display: block;
}
.vjs-using-native-controls .vjs-poster {
display: none;
}
.video-js .vjs-live-control {
display: flex;
align-items: flex-start;
flex: auto;
font-size: 1em;
line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
display: none;
}
.video-js .vjs-seek-to-live-control {
cursor: pointer;
flex: none;
display: inline-flex;
height: 100%;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1em;
line-height: 3em;
width: auto;
min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
margin-right: 0.5em;
color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
color: #d70f00;
}
.video-js .vjs-time-control {
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-live .vjs-time-control {
display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none;
}
.vjs-time-divider {
display: none;
line-height: 3em;
}
.vjs-live .vjs-time-divider {
display: none;
}
.video-js .vjs-play-control {
cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
flex: none;
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
}
.vjs-subtitles {
color: #fff;
}
.vjs-captions {
color: #fc6;
}
.vjs-tt-cue {
display: block;
}
video::-webkit-media-text-track-display {
transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing
video::-webkit-media-text-track-display {
transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
cursor: pointer;
flex: none;
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
flex: none;
}
.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate > .vjs-menu-button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center;
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center;
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: «X»;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%;
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
content: «»;
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8)
infinite,
vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: #fff;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: #fff;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: #fff;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
.vjs-chapters-button .vjs-menu ul {
width: 24em;
}
.video-js
.vjs-subs-caps-button
+ .vjs-menu
.vjs-captions-menu-item
.vjs-menu-item-text
.vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js
.vjs-subs-caps-button
+ .vjs-menu
.vjs-captions-menu-item
.vjs-menu-item-text
.vjs-icon-placeholder:before {
font-family: VideoJS;
content: «»;
font-size: 1.5em;
line-height: inherit;
}
.video-js
.vjs-audio-button
+ .vjs-menu
.vjs-main-desc-menu-item
.vjs-menu-item-text
.vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js
.vjs-audio-button
+ .vjs-menu
.vjs-main-desc-menu-item
.vjs-menu-item-text
.vjs-icon-placeholder:before {
font-family: VideoJS;
content: » »;
font-size: 1.5em;
line-height: inherit;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control {
display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small
.vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-small
.vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small
.vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny
.vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny
.vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny
.vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small
.vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small
.vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small
.vjs-volume-panel.vjs-volume-panel-horizontal:hover {
width: auto;
width: initial;
}
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live)
.vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui)
.vjs-subs-caps-button {
display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui
.vjs-custom-control-spacer {
flex: auto;
display: block;
}
.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex
.vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex
.vjs-custom-control-spacer {
width: auto;
}
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui
.vjs-progress-control {
display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2b333f;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom;
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
padding: 20px 24px 0 24px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-bottom: 20px;
}
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 1/-1;
}
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
grid-template-columns: 1fr;
}
}
.vjs-track-setting > select {
margin-right: 1em;
margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: none;
}
.vjs-text-track-settings fieldset span {
display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
max-width: 7.3em;
}
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
display: block;
margin: 0 0 5px 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
outline-style: solid;
outline-width: medium;
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
color: #2b333f;
cursor: pointer;
border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em;
}
@media print {
.video-js > :not(.vjs-tech):not(.vjs-poster) {
visibility: hidden;
}
}
.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: -1000;
}
.js-focus-visible .video-js :focus:not(.focus-visible) {
outline: 0;
background: 0 0;
}
.video-js .vjs-menu :focus:not(:focus-visible),
.video-js :focus:not(:focus-visible) {
outline: 0;
background: 0 0;
}
#lista-audios .item {
h2, p {
color: #000;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
line-height:unset;
font-size: 0.7rem;
}
h2 span {
font-weight:700;
}
}
#lista-audios .item p {
color: #777777;
margin-bottom:0 !important;
}
#lista-audios .item {
border-radius: 10px;
background: #f5f5f5;
margin: 0 auto;
width: 97%;
overflow: hidden;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
height: 100px;
}
#lista-audios .item + .item {
margin-top: 20px;
}
#lista-audios .item .etiqueta-audio {
width: 25px;
height: 25px;
background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(5px);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: 4px solid #ffffffd6;
/*filter: drop-shadow(2px 4px 11px black);*/
box-shadow: 2px 2px 10px 2px black;
z-index: 2;
}
#lista-audios .item .etiqueta-audio svg {
height: 21px;
margin-left: 0;
fill: #e4e0de;
margin-top: 5px;
padding: 5px;
}
#lista-audios .imagen-notas {
width: 70px;
height: 100px;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
/*Flex*/
display: flex;
justify-content: center;
align-items: center;
}
#lista-audios .texto {
text-align:left;
margin: 15px;
padding: 0;
}
#lista-audios .item-absolute {
background: linear-gradient(to right, transparent 50%, #000 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#lista-audios .texto .etiqueta-podcast {
display: inline-block;
margin-top: 0;
border-radius: 5px;
}
#lista-audios .texto .etiqueta-podcast a{
color: #13487d;
text-decoration: underline;
}
#contenedor-nota #lista-audios .item-video {
display: block;
height: unset;
width: 500px !important;
}
#contenedor-nota #lista-audios .item-video picture {
width:100%;
height: 300px;
}
#contenedor-nota #lista-audios .item-video .etiqueta-audio {
width: 90px;
height: 90px;
border: 13px solid #ffffffd6;
}
#contenedor-nota #lista-audios .item-video .etiqueta-audio svg {
height: 30px;
}
.emisora-favorita{
position:absolute;
right:10px;
top:10px;
width:30px;
z-index:4;
}
.emisora-favorita svg{
fill:none;
}
.volume-container {
position: absolute;
width:30px;
height:20px;
background-color: #013868;
top:-10px;
}
.volume-icon {
color: black;
cursor: pointer;
font-size: 24px;
}
.timeline-container {
position: absolute;
width:100%;
height:5px;
background-color: #013868;
top:-5px;
left:0;
cursor:pointer;
}
.timeline-bar {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #ffd400;
}
#boton-cerrar, #boton-cerrar-lista {
top:10px;
right:10px;
}
#boton-cerrar svg, #boton-cerrar-lista svg {
fill: #727272;
}
#boton-cerrar-video {
top: 10px;
right: 10px;
position: absolute;
}
#ultimo-vivo {
top:33px;
right:10px;
display:none;
}
#ultimo-vivo a{
color:#fff;
}
#ultimo-vivo a p{
color:#fff;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: 0.8rem
}
#reproductor-audio{
width:100%;
margin:auto;
z-index: 10;
transition: 0.5s;
left:0;
}
/*FIX MOBILE*/
@media screen and (max-width: 767px) {
#reproductor-audio{
width:50%;
margin:auto;
z-index: 10;
}
}
/*FIX MOBILE*/
#reproductor-audio-video{
width:100%;
margin:auto;
}
#vivo::-webkit-scrollbar {
-webkit-appearance: none;
}
#vivo::-webkit-scrollbar:vertical {
width:5px;
padding-top:10px;
}
#vivo::-webkit-scrollbar-button:increment,#vivo::-webkit-scrollbar-button {
display: none;
}
#vivo::-webkit-scrollbar:horizontal {
height: 10px;
}
#vivo::-webkit-scrollbar-thumb {
background-color: #ffffff;
border-radius:0;
border: 0;
}
#vivo::-webkit-scrollbar-track {
background:#00223f;
}
#vivo::-webkit-scrollbar-track {
border-radius:0;
}
#vivo .owl-carousel {
width:100%;
margin-left:0;
}
#vivo .owl-carousel.owl-loaded {
display: block;
height: unset;
}
#vivo .radio {
overflow:hidden;
margin:15px 0px 40px 0;
width:100%;
}
.info-programa p:nth-child(1) {
color:white;
}
.info-programa p {
color:whitesmoke;
}
/*——————SMALL.CSS——————*/
#reproductor-audio{
display:table;
height:80px;
background:#13487d;
position:fixed;
bottom:0;
z-index:1002;
-webkit-box-shadow:0 0 12px rgba(0,0,0,.4);
-moz-box-shadow:0 0 12px rgba(0,0,0,.4);
box-shadow:0 0 12px rgba(0,0,0,.4);
display:block;
border-top: 5px solid #ecebe7;
}
#reproductor-audio-video{
display:table;
height:0;
background:unset;
position:fixed;
bottom:0;
z-index:20;
-webkit-box-shadow:0 0 12px rgba(0,0,0,.4);
-moz-box-shadow:0 0 12px rgba(0,0,0,.4);
box-shadow:0 0 12px rgba(0,0,0,.4);
display:block;
}
#reproductor-audio i{
color:#ffffff;
cursor:pointer;
margin:0 5px;
}
#reproductor-audio .img {
width: 100px;
height: 75px;
float: left;
background-position: top 0px center;
background-repeat: no-repeat;
background-size: cover;
}
#reproductor-audio .img img{
width:100%;
height:75px;
}
#reproductor-audio .controles div{
display:table-cell;
vertical-align:middle;
}
#reproductor-audio audio{
width:10%;
float:left;
}
#vivo-reproductor-audio{
overflow:hidden;
position:absolute;
width:100%;
bottom:0px;
}
#vivo-reproductor-audio .item{
float:left;
width:42%;
}
#vivo-reproductor-audio .imagen-conductor{
float:left;
width:200px;
height:200px;
position:relative;
}
#controles-reproductor{
text-align: center;
float: left;
display: table;
margin: auto;
width: 100%;
background: #000000e0;
position: fixed;
bottom: -3000px;
padding: 40px;
left: 0;
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .4);
box-shadow: 0 0 12px rgba(0, 0, 0, .4);
display: block;
z-index: 10;
height: 100vh;
transition: 0.5s;
}
#play {
width: 50px;
height: 50px;
background-color: unset;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: 8px solid #ecebe7;
}
#play svg {
height: 15px;
fill: #ecebe7;
margin-left: 2px;
}
#pause {
width: 50px;
height: 50px;
background-color: unset;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: 8px solid #ecebe7;
}
#pause svg {
height: 20px;
fill: #ecebe7;
}
#audio-reproduccion{
float:left;
padding:10px 20px;
max-width:380px;
display:table;
height:75px;
}
#audio-reproduccion-content{
vertical-align: middle;
display: table-cell;
}
#audio-reproduccion-content p{
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
#audio-reproduccion p:nth-child(1){
font-weight:500;
color:#ffffff;
font-size:10px;
background:#d70f00;
width:fit-content;
padding:3px;
border-radius:5px;
}
#audio-reproduccion p:nth-child(2){
font-size: .8rem;
color: #ffffff;
font-weight: 500;
line-height: .9rem;
}
#audio-reproduccion p:nth-child(3){
font-size: .8rem;
color: #f5f5dc;
font-weight: 500;
line-height: .9rem;
}
#audio-reproduccion p:nth-child(4) {
font-size:12px;
color:#bbbbbb;
}
#controles-reproduccion{
float:left;
display:flex;
justify-content: center;
align-items: center;
height:75px;
width:100px;
margin:auto;
}
#controles-reproduccion i:nth-child(1){
padding:10px;
}
#controles-reproduccion i:nth-child(2){
padding:15px;
}
#controles-reproduccion i:nth-child(3){
padding:18px 18px;
background:#ffd400;
border-radius:100%;
color:#000000;
width:50px;
height:50px;
}
#controles-reproduccion i:nth-child(4){
padding:18px 18px;
background:#ffd400;
border-radius:100%;
color:#000000;
width:50px;
height:50px;
}
#controles-reproduccion i:nth-child(5){
padding:15px;
}
#controles-reproduccion i:nth-child(6){
padding:10px;
}
#controles-reproduccion i:hover{
color:#000000;
}
#botonera-audio {
width:fit-content;
position:absolute;
top:-38px;
left: calc(50% – 78px);
margin:auto;
}
#alerta-emisora-favorita {
position:absolute;
background:#0858a8;
bottom:45px;
padding:10px;
border-radius:5px;
left: 50px;
width: 200px;
-webkit-box-shadow: 0 0 12px rgba(0,0,0,.4);
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .4);
box-shadow: 0 0 12px rgba(0,0,0,.4);
}
#alerta-emisora-favorita::before {
content:»;
position:absolute;
bottom:-16px;
left:12%;
transform: translateX(-50%);
border-width: 10px;
border-style: solid;
border-color: #1667b9 transparent transparent transparent;
}
#alerta-emisora-favorita p {
font-weight:100;
font-size:14px;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
color: #fff !important;
}
#alerta-emisora-favorita svg {
width: 15px;
float: left;
margin-right: 10px;
fill: #fff !important;
}
#boton-lista {
display: grid;
grid-template-columns: 1fr 7fr;
border-radius: 4px 4px 0 0;
background:#ecebe7;
padding:8px 12px;
cursor:pointer;
}
#boton-lista p {
font-weight:100;
font-size:15px;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
margin-left: 10px;
color: #000;
}
#boton-lista svg {
width: 15px;
height: 15px;
margin-top: 2px;
fill: #000
}
#boton-lista p span{
background:#d70f00;
padding:3px 5px;
color:white;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
}
#podcast-episodios{
transition: 0.5s;
bottom:-3000px;
}
#podcast-episodios .titulo-seccion {
border-top: 0;
}
#lista-episodios{
position:fixed;
bottom:80px;
left:0;
top:-1px;
background:#000000e0;
width:100%;
height:calc(100vh – 80px);
transition: 0.5s;
top:calc(100vh – 80px);
z-index:11;
padding:0;
}
#lista-episodios ol h3 {
margin:0;
border-bottom: 1px solid #fff;
font-size:18px;
font-weight:500;
}
#lista-episodios .txt-audio {
width:60%;
margin-left:10px;
}
#lista-episodios {
height:calc(100% – 80px);
bottom:unset;
left:0;
padding:10px;
overflow:hidden;
}
#lista-episodios ol li .txt-audio .etiqueta-podcast {
float: right;
margin: 38px 0px;
}
#lista-episodios ol li .txt-audio .titulo-audio {
float: left;
width: 65%;
}
#lista-episodios ol {
height:400px;
}
#lista-episodios ol li {
margin:5px 0;
height:130px;
width:100%;
border-radius:0;
}
#lista-episodios .img-audio {
height:130px;
width: 70px;
}
#lista-episodios .titulo-seccion {
margin: 30px 0 30px 10px;
font-size: 1rem;
line-height: 1.2rem;
}
#lista-episodios .separador-linea {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
#lista-episodios ol{
height:400px;
border-bottom:0;
overflow-y:auto;
}
#lista-episodios ol li{
padding:0;
position:relative;
clear:both;
height:60px;
margin:5px;
border-radius:0;
background:#181818;
text-align:left;
border:0;
border-radius:10px;
}
#lista-episodios-ol {
height:580px;
overflow-x:auto;
}
.tipo-audio #lista-episodios-ol {
height:calc(100vh – 275px);
}
#lista-episodios-ol::-webkit-scrollbar {
-webkit-appearance: none;
}
#lista-episodios-ol::-webkit-scrollbar:vertical {
width:5px;
padding-top:10px;
}
#lista-episodios-ol::-webkit-scrollbar-button:increment,#lista-episodios ol::-webkit-scrollbar-button {
display: none;
}
#lista-episodios-ol::-webkit-scrollbar:horizontal {
height: 10px;
}
#lista-episodios-ol::-webkit-scrollbar-thumb {
background-color: #797979;
border-radius:0;
border: 2px solid #797979;
}
#lista-episodios-ol::-webkit-scrollbar-track {
background:#fff;
}
#lista-episodios-ol::-webkit-scrollbar-track {
border-radius:0;
}
#lista-episodios-ol h3{
margin: 30px 0 0 30px;
border-bottom: 1px solid #9d9d9d;
color: #fff;
width: fit-content;
}
#lista-episodios-ol .txt-audio .categoria {
font-weight: 600;
}
aside #ultimos-audios ol li {
width:95%;
margin: 20px auto;
}
aside #ultimos-audios::-webkit-scrollbar {
-webkit-appearance: none;
}
aside #ultimos-audios::-webkit-scrollbar:vertical {
width:5px;
padding-top:10px;
}
aside #ultimos-audios::-webkit-scrollbar-button:increment,#ultimos-audios::-webkit-scrollbar-button {
display: none;
}
aside #ultimos-audios::-webkit-scrollbar:horizontal {
height: 10px;
}
aside #ultimos-audios::-webkit-scrollbar-thumb {
background-color: #ecebe7;
border-radius:0;
border: 0;
}
aside #ultimos-audios::-webkit-scrollbar-track {
background:#fff;
}
aside #ultimos-audios::-webkit-scrollbar-track {
border-radius:0;
}
#menu-audio-mobile{
display:none;
}
.audiojs{
background-image:none !important;
background:none !important;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
width:100%;
float:left;
height:5px;
}
.audiojs .play-pause{
display:none;
}
.audiojs .progress{
background:#005da8;
height:5px;
}
.audiojs .loaded{
background:#5a5a5a !important;
height:5px;
}
.audiojs .scrubber{
border-top:0;
margin:0;
height:5px;
width:100%;
}
.playing,.playing-audio{
background: #bbd2e9 !important;
}
#ultimos-audios .playing,.playing-audio{
background: #bbd2e9 !important;
}
#mas-audios .playing-audio p{
color:#000 !important;
}
.boton-queue {
position:absolute;
z-index:10;
top:15px;
right:15px;
color:#fff;
}
.item-queue {
position:absolute;
z-index:10;
top:10px;
right:10px;
width:30px !important;
}
.boton-queue i{
color:#ffffff6b !important;
font-size:30px;
}
.item-queue i{
color:#272727 !important;
}
.playing-queue,.playing-audio-queue{
background:#0041753d !important;
}
.playicono{
display:block;
}
#boton-cerrar {
position: absolute;
z-index: 11;
}
#boton-cerrar-lista {
font-size: 14px !important;
position: absolute;
background: #0e4882;
padding: 15px 13px 0 13px;
cursor: pointer;
border-radius: 50%;
z-index: 11;
line-height: 6px;
height: 35px;
color: #fff;
font-size: 2rem;
font-weight: 700;
}
#ultimo-vivo {
font-size:14px !important;
color:#005da9;
position:absolute;
background:#ff0000;
padding:8px 6px;
cursor:pointer;
border-radius:5px;
z-index:11;
top: -50px;
right: 10px;
}
.autor-repro{
left:0;
}
.autor-repro .fondo{
width:100%;
}
.autor-repro .img{
background:none;
left:0;
bottom:-17px;
}
.autor-repro .img img{
width:auto !important;
}
.label-en-vivo{
border-bottom:1px solid #fff;
width:fit-content;
}
.label-en-vivo p{
font-size:18px;
font-weight:500;
color:white !important;
margin:0;
}
#vivo-principal {
display: grid;
grid-template-columns: 1fr 3fr;
align-items: center;
position: relative;
}
#vivo-principal .imagen-conductor img {
height:65px;
margin-top:10px;
}
#vivo-principal .imagen-conductor {
height:75px;
width:105px;
}
#vivo-principal #boton-programa {
width:100%;
display: flex;
flex-direction: row;
}
#vivo-principal #boton-programa svg, #vivo-principal #boton-programa a {
width:30px;
height:30px;
display: block;
}
#vivo-principal .info-programa {
margin-left:26px;
display: flex;
flex-direction: column;
justify-content: center;
width: 62%;
}
#vivo-principal .info-programa p:nth-child(1) {
font-size:14px;
}
#vivo-principal .info-programa p {
font-size:12px;
}
#linea-tiempo{
position:absolute;
top:25px;
left:80px;
width:1px;
height:140px;
background:white;
}
#linea-tiempo-punto{
position:absolute;
top:20px;
left:75px;
width:10px;
height:10px;
background:white;
border-radius:20px;
}
#playerc3{
width:65%;
height:520px;
}
.vjs-tech {
position:relative !important;
width:100% !important;
height:450px !important;
background:#000000db;
}
/*——————MENU-SUSCRIPCION——————*/
#menu-suscripcion{
width:100%;
text-align:center;
}
#menu-suscripcion div:nth-child(2){
position:relative;
}
/*——————MENU-SUSCRIPCION——————*/
/*——————FIX——————*/
.tipo-vivo{
width:100%;
padding:0;
}
.tipo-audio {
width: 300px;
position: fixed;
margin-top: 10px;
bottom: 0;
z-index: 20;
right: 0;
padding: 0 20px;
background: #000000e0;
filter: drop-shadow(2px 4px 11px #000);
height:100vh;
}
.tipo-audio #lista-audios .item {
height:115px;
}
.tipo-audio #lista-audios .item picture{
height:115px;
}
.tipo-audio .titulo-seccion {
color:#fff;
font-size: 20px;
margin-top: 12px;
}
.tipo-audio #lista-episodios-ol::-webkit-scrollbar-track {
background:#000;
}
.tipo-audio .seguinos {
text-align: center;
}
.tipo-audio .seguinos svg {
cursor: pointer;
fill: #fff;
height: 35px;
margin: 11px 7px;
}
.tipo-audio .seguinos p {
color: #fff;
font-family: sans-serif;
padding-top: 20px;
font-size: 14px;
}
.custom-volume-bar-contenedor {
width:100px;
float:left;
margin:30px 20px 0 0;
}
.custom-volume-bar-contenedor i{
margin:0 5px;
float:left;
color:#ffd400 !important;
cursor:default !important;
}
.custom-volume-bar {
width:67px;
height:10px;
background-color:#013868;
position:relative;
cursor:pointer;
float:left;
margin:3px 0 0 5px;
}
.volume-level {
height:100%;
background-color:#ecebe7;
width:50%;
}
@media(max-width:900px){
.custom-volume-bar-contenedor {
display:none;
}
#vivo-principal .info-programa p:nth-child(1) {
font-size:12px;
}
#audio-reproduccion {
width:calc(100% – 170px);
max-width:unset;
}
#lista-audios .item {
h2, p {
font-size: 0.8rem;
}
}
.tipo-vivo{
padding:20px 0 20px 0;
width:100%;
}
.tipo-audio{
padding:0;
width:100%;
margin-top: 10px;
right: 0;
height:500px;
border-top: 1px solid #484848;
}
.tipo-audio .titulo-seccion {
color: #fff;
font-size: 19px;
margin-top: 12px;
padding: 0 0 20px 0;
}
.tipo-audio #lista-episodios-ol {
height: 200px;
}
.tipo-audio #lista-audios .item {
height: 100px;
width:90%;
}
#playerc3 {
width: 100%;
height: unset;
}
.vjs-tech {
position: relative !important;
width: 100% !important;
height: 220px !important;
background: #000000db;
}
#lista-episodios-ol {
height: 290px;
overflow-x: auto;
}
#linea-tiempo{
left:83px;
}
#linea-tiempo-punto{
left:79px;
}
#ultimos-audios {
margin: 0 15px;
}
#controles-reproduccion #backward,#controles-reproduccion #forward{
display:none;
}
#botonera-audio i {
padding:0;
font-size:25px;
}
#controles-reproduccion i:nth-child(3),#controles-reproduccion i:nth-child(4){
border:0;
}
#vivo .radio {
width:100%;
margin:15px 0px 20px 0;
}
#vivo-principal .imagen-conductor {
height:70px;
}
#vivo-principal .imagen-conductor img {
height: 60px;
margin-top: 10px;
}
#vivo-principal #boton-programa {
width:77%;
}
.label-en-vivo {
top:105px;
left:16px;
bottom:unset;
right:unset;
}
.label-en-vivo p a {
margin:13px;
}
#vivo-principal .info-programa {
width:77%;
margin-left: 26px;
}
#reproductor-audio .img {
width: 100px;
height: 75px;
float: left;
background-position: top 0px center;
background-repeat: no-repeat;
background-size: cover;
}
#controles-reproduccion {
width:65px;
}
#reproductor-audio {
height:80px;
width:100%;
}
#ultimo-vivo {
top: -50px;
right: 10px;
}
#vivo .owl-carousel {
width:100%;
margin-left:0;
}
}
/*——————FIX——————*/
/*——————REPRODUCTOR PODCAST ENDS——————*/
@media(min-width:900px){
#boton-programa{
width:59%;
}
.info-programa{
width:75%;
}
}
@media(max-width:370px){
#vivo li a{
font-size:0.9rem
}
}
.cbp-af-inner .info-programa p:nth-child(3){
display:none;
}
]]>
En vivo
100 Noches Festivaleras
Susana Buontempo

Argentina
En vivo
La Cadena del Gol
River vs. Peñarol

Argentina
En vivo
100 Noches Festivaleras
Susana Buontempo

Rosario
En vivo
Previa Heat
Música

En vivo
El Aguante
Conrado Vicens

En vivo
Momento manijero
Radio

Podcast
La quinta pata del gato
Podcast
Cuadro de Situación
Podcast
80 años del Cuarteto
Podcast
Nazareno Cruz y el Lobo
Podcast
La Chacarera, el latido del monte
Podcast
Francisco: los 10 años del Papa argentino
Podcast
Manual para transformar Argentina
ul>li {
text-indent: 15px;
}
.autor-titulo {
display: grid;
}
article .bajada {
font-size: 0.9rem;
line-height: 1.1rem;
margin: 20px 0;
color: #313131;
}
/*Banners*/
.bloque-banner .banner {
margin-bottom: 0;
padding-bottom: 0;
margin-top: 30px;
}
.banner {
display: flex;
align-items: center;
justify-content: center;
}
/*Banners*/
/*Bloque 12 notas con sectores*/
.bloque-12-notas-sector {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.bloque-12-notas-sector section div article:not(:nth-child(1)) {
display: flex;
gap: 20px;
}
.bloque-12-notas-sector section div article:not(:nth-child(1)) .titulo{
font-weight: 100;
}
.bloque-12-notas-sector article {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e9e9e9;
}
.bloque-12-notas-sector article .imagen-notas {
margin-bottom: 10px;
}
.bloque-12-notas-sector article .texto {
margin: 0;
}
.bloque-12-notas-sector section div article:nth-child(1) .titulo {
font-size: 1.2rem;
}
.bloque-12-notas-sector article .titulo {
font-size: 0.9rem;
}
/*Bloque 12 notas con sectores*/
/*Bloque 3 notas*/
.bloque-3-notas>div {
grid-template-columns: 2fr 1fr;
}
.bloque-3-notas>div article:first-child {
grid-row: 1/3;
}
.bloque-3-notas>div article:last-child {
grid-column: 2/3;
}
.bloque-3-notas>div article .titulo {
font-size: 2rem;
}
.bloque-3-notas>div article:not(:first-child) .titulo {
font-size: 1.2rem;
}
/*Bloque 3 notas*/
/*Bloque 5 notas complemento*/
.bloque-5-notas-complemento>div article:first-child {
grid-row: 1/3;
}
.bloque-5-notas-complemento>div {
display: grid;
grid-template-columns: 1fr 0.7fr 0.7fr 331px; /* Tres columnas para los artículos y una columna fija de 331px para el aside */
gap: 10px;
}
.bloque-5-notas-complemento>div article:nth-child(1) {
grid-column: 1 / 2; /* Ocupa la primera columna */
grid-row: 1 / 3; /* Ocupa dos filas para hacerlo más alto */
}
.bloque-5-notas-complemento>div article:nth-child(2) {
grid-column: 2 / 3; /* Ocupa la segunda columna */
grid-row: 1; /* Primera fila */
}
.bloque-5-notas-complemento>div article:nth-child(3) {
grid-column: 3 / 4; /* Ocupa la tercera columna */
grid-row: 1; /* Primera fila */
}
.bloque-5-notas-complemento>div article:nth-child(4) {
grid-column: 2 / 3; /* Segunda columna */
grid-row: 2; /* Segunda fila */
}
.bloque-5-notas-complemento>div article:nth-child(5) {
grid-column: 3 / 4; /* Tercera columna */
grid-row: 2; /* Segunda fila */
}
.bloque-5-notas-complemento>div aside {
grid-column: 4 / 5; /* Ocupa la columna fija de 331px */
grid-row: 1 / 3; /* Ocupa dos filas de altura */
}
.bloque-5-notas-complemento>div article .titulo {
font-size: 1.4rem;
}
.bloque-5-notas-complemento>div article:not(article:first-child) .titulo {
font-size: 1rem;
}
.bloque-5-notas-complemento>div aside {
grid-column: 4/4;
grid-row: 1/4;
align-items: start;
}
.bloque-5-notas-complemento>div aside article {
margin-bottom: 20px;
padding-bottom: 20px;
}
.bloque-5-notas-complemento aside div article:not(:last-child){
border-bottom: 1px solid #e9e9e9;
}
.bloque-5-notas-complemento>div aside article picture {
aspect-ratio: 3/2;
margin-bottom: 0;
}
.bloque-5-notas-complemento>div aside article .texto {
margin: 10px;
}
.bloque-5-notas-complemento>div aside .titulo {
font-size: 1.2rem;
}
.bloque-5-notas-complemento>div aside.bloque-notas article:not(:first-child) {
display: grid;
grid-template-columns: 2fr 3fr;
}
.bloque-5-notas-complemento>div aside.bloque-notas article:not(:first-child) .texto {
margin: 0 0 0 20px;
}
.bloque-5-notas-complemento>div aside.bloque-notas article:not(:first-child) .titulo {
font-size: 0.9rem;
font-weight:100;
}
/*Bloque 5 notas complemento*/
/*Bloque 3 notas complemento*/
.bloque-3-notas-complemento>div {
grid-template-columns: 2fr 1fr 331px;
}
.bloque-3-notas-complemento>div article:first-child {
grid-row: 1/3;
}
.bloque-3-notas-complemento>div article:nth-child(2) {
grid-row: 1/2;
}
.bloque-3-notas-complemento>div article:nth-child(3) {
grid-row: 2/3;
}
.bloque-3-notas-complemento>div article .titulo {
font-size: 2rem;
}
.bloque-3-notas-complemento>div article:not(article:first-child) .titulo {
font-size: 1rem;
}
.bloque-3-notas-complemento>div aside {
grid-column: 3/4;
grid-row: 1/4;
align-items: start;
}
.bloque-3-notas-complemento>div aside article {
margin-bottom: 20px;
padding-bottom: 20px;
}
.bloque-3-notas-complemento aside div article:not(:last-child){
border-bottom: 1px solid #e9e9e9;
}
.bloque-3-notas-complemento>div aside article:not(article:first-child) picture {
aspect-ratio: unset;
margin-bottom: 0;
}
.bloque-3-notas-complemento>div aside article .texto {
margin: 10px;
}
.bloque-3-notas-complemento>div aside .titulo {
font-size: 1.2rem;
}
.bloque-notas aside .titulo-seccion {
margin: 0 auto 30px auto;
padding: 0;
}
.contenedor-ultimos-audios .titulo-seccion {
margin: 0 auto 30px auto;
padding: 0;
}
.bloque-notas .autor-sector {
margin: 10px 0 0 0 !important;
}
.bloque-3-notas-complemento>div aside.bloque-notas article:not(:first-child) {
display: grid;
grid-template-columns: 9fr 10fr;
}
.bloque-3-notas-complemento>div aside.bloque-notas article:not(:first-child) .texto {
margin: 0 0 0 20px;
}
.bloque-3-notas-complemento>div aside.bloque-notas article:not(:first-child) .titulo {
font-size: 0.9rem;
font-weight:100;
}
/*Bloque 3 notas complemento*/
/*Bloque 1 nota full*/
.bloque-1-nota-full>div article {
width: 90%;
margin: 0 auto 30px auto;
}
.bloque-1-nota-full>div article .titulo {
font-size: 2rem;
text-align: center;
}
.bloque-1-nota-full>div .autor-sector {
text-align: center;
}
.bloque-1-notas>div article .titulo {
font-size: 2.8rem;
font-weight: 700;
}
.bloque-1-notas>div article .texto {
text-align: center;
}
/*Bloque 1 nota full*/
/*Bloque 1 nota horizontal*/
.bloque-1-nota-horizontal>div {
display: unset !important;
}
.bloque-1-nota-horizontal div article {
display: grid;
grid-template-columns: 2fr 2fr;
gap: 30px;
}
.bloque-1-nota-horizontal .imagen-notas {
margin-bottom: 0;
}
.bloque-1-nota-horizontal .texto {
margin: 0;
}
.bloque-1-nota-horizontal .titulo {
/*font-size: 2.3rem;*/
font-size: 1.6rem;
}
/*Bloque 1 nota horizontal*/
/*Encuesta*/
#bloque-encuesta .banner {
margin-bottom: 0;
padding-bottom: 0;
margin-top: 30px;
}
#encuesta {
padding: 0 15px;
}
#encuesta .opcion-encuesta {
display: block;
margin: 0 0 10px 0;
padding: 5px 10px;
font-size: .85rem;
text-transform: capitalize;
text-align: center;
}
#encuesta .boton {
display: block;
margin: 5px auto;
text-transform: none;
width: 100%;
}
#encuesta div:last-child p{
background-color: black;
margin-top: 15px;
}
#encuesta p a{
color: #fff;
}
/*Encuesta*/
/*Bloque 3 notas*/
.bloque-3-notas {
grid-template-columns: 3fr 1fr;
}
/*Bloque 3 notas*/
/*Bloque 3 notas horizontal*/
.bloque-3-notas-horizontal>div {
grid-template-columns: repeat(3, 1fr);
}
.bloque-3-notas-horizontal>div article .titulo {
font-size: 1.2rem;
}
/*Bloque 3 notas horizontal*/
/*Bloque 2 notas*/
.bloque-2-notas>div {
grid-template-columns: 1fr 1fr;
}
/*Bloque 2 notas*/
/*Nota horizontal*/
.nota-horizontal>div {
display: flex;
flex-direction: column;
}
.nota-horizontal picture {
margin: 0;
aspect-ratio: 11/8;
}
/*Nota horizontal*/
/*Nota grande horizontal*/
.nota-horizontal{
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
/*Nota grande horizontal*/
/*Destacados*/
#destacados>div {
}
#destacados .item {
border-radius: 10px;
background: #000;
margin: 0 15px 10px 0;
width: 200px;
height: 310px;
}
#destacados .item .imagen-notas {
aspect-ratio: 4 / 6;
}
#destacados>div::-webkit-scrollbar {
-webkit-appearance: none;
}
#destacados>div::-webkit-scrollbar-button:increment, #vivo::-webkit-scrollbar-button {
display: none;
}
#destacados>div::-webkit-scrollbar-thumb {
background-color: #e6e6e600;
border-radius: 0;
border: 0;
}
#destacados>div::-webkit-scrollbar-track {
border-radius: 0;
background: #0000;
}
#destacados>div::-webkit-scrollbar {
height: 8px;
}
#destacados img {
width: 100%;
}
#destacados .item .titulo {
font-size: 0.8rem;
line-height: 1rem;
font-weight: bold;
color: #fff;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
#destacados .item p {
font-size: 0.8rem;
line-height: 1rem;
font-weight: 100;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
#destacados .item .subrayado {
width: 40%;
height: 10px;
}
/*Destacados*/
/*Podcast*/
#podcasts {
width: 100%;
position: relative;
}
#podcasts>div:first-of-type {
}
.podcasts-opinion .item {
background: #0858a8 !important;
}
.podcasts-opinion .item-absolute {
background: linear-gradient(to bottom, transparent 50%, #0858a8 100%) !important;
}
.podcasts-deportes .item {
background: #178150 !important;
}
.podcasts-deportes .item-absolute {
background: linear-gradient(to bottom, transparent 50%, #178150 100%) !important;
}
#podcasts .item {
border-radius: 10px;
background: #000;
margin: 0 15px 0 0;
width: 150px;
height: 240px;
}
#podcasts .item .imagen-notas {
aspect-ratio: 7 / 6;
}
#podcasts>div::-webkit-scrollbar {
-webkit-appearance: none;
}
#podcasts>div::-webkit-scrollbar-button:increment, #vivo::-webkit-scrollbar-button {
display: none;
}
#podcasts>div::-webkit-scrollbar-thumb {
background-color: #e6e6e600;
border-radius: 0;
border: 0;
}
#podcasts>div::-webkit-scrollbar-track {
border-radius: 0;
background: #0000;
}
#podcasts>div::-webkit-scrollbar {
height: 8px;
}
#podcasts img {
width: 100%;
}
#podcasts .item .titulo {
font-size: 0.8rem;
line-height: 1rem;
font-weight: bold;
color: #fff;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
article #podcasts>div {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
display: block;
}
article #podcasts .item {
border-radius: 10px;
background: #000;
margin: 0 15px 0 0;
float: left;
white-space: normal;
flex: 0 0 auto;
width: 100%;
height: unset;
}
article #podcasts .item .titulo {
font-size: 0.8rem;
line-height: 1rem;
font-weight: 100;
color: #fff;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
article #podcasts .item .etiqueta-audio {
width: 50px;
height: 50px;
background-color: unset;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: -8px;
left: calc(50% – 25px);
border: 8px solid #ffffffd6;
filter: drop-shadow(2px 4px 11px black);
z-index: 2;
}
article #podcasts .item .texto {
position: relative;
padding: 0px 10px 0 10px;
text-align: center;
}
article #podcasts .item .imagen-notas {
aspect-ratio: 9 / 6;
}
/*Podcasts*/
/*Opinión*/
#opinion {
display: block;
}
#opinion>div {
display: grid;
gap: 0;
grid-template-columns: 3fr 3fr 3fr;
}
#opinion>div>article {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#opinion article {
padding-right: 15px;
}
#opinion>div>div {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 20px;
border-left: 1px solid #000;
padding-right: 10px;
}
#opinion>div>article>div:first-of-type {
margin-bottom:30px;
}
#opinion>div>div .titulo{
font-weight: 100;
}
#opinion>div>div article:not(article:last-child) {
margin-bottom: 20px;
}
#opinion article .titulo {
font-size: 1.2rem;
border-left: 2px solid #ddd;
padding-left: 15px;
}
#opinion>div>div article .titulo{
font-size: 0.9rem;
margin-bottom: 10px;
}
#opinion .autor-titulo picture {
width: 100px;
overflow: hidden;
padding: 0;
border-bottom: 1px solid;
}
#opinion picture {
display: block;
aspect-ratio: 9/7;
}
#opinion picture img {
width: 100%;
}
#opinion .autor-titulo {
grid-template-columns: 5fr 9fr;
}
#opinion .autor-titulo div:last-child {
margin-left: 15px;
}
#opinion .autor-titulo .boton {
margin-left: 15px;
}
.bloque-notas .autor-titulo {
display: grid;
grid-template-columns: 3fr 3fr;
column-gap: 20px;
align-items: center;
margin: 20px 10px;
}
.bloque-notas .autor-titulo picture img {
width: 100px;
border-radius: 50%;
overflow: hidden;
height: 100px;
}
/*Opinión*/
#lasvocesdelasmarcas {
margin-bottom: 40px;
width: 100%;
}
}
]]>div section article:nth-child(2) .titulo {
font-size: 1.2rem;
}
.bloque-12-notas-sector article .titulo {
font-size: 0.9rem;
}
/*Bloque 12 notas con sectores*/
/*Bloque 3 notas*/
.bloque-3-notas>div {
grid-template-columns: 2fr 1fr;
}
.bloque-3-notas>div article:first-child {
grid-row: 1/3;
}
.bloque-3-notas>div article:last-child {
grid-column: 2/3;
}
.bloque-3-notas>div article .titulo {
font-size: 2rem;
}
.bloque-3-notas>div article:not(:first-child) .titulo {
font-size: 1rem;
}
/*Bloque 3 notas*/
/*Bloque 3 notas complemento*/
.bloque-3-notas-complemento>div {
grid-template-columns: 2fr 1fr;
}
.bloque-3-notas-complemento>div article:first-child {
grid-row: 1/3;
}
.bloque-3-notas-complemento>div article:nth-child(2) {
grid-row: 1/2;
}
.bloque-3-notas-complemento>div article:nth-child(3) {
grid-row: 2/3;
}
.bloque-3-notas-complemento>div article .titulo {
font-size: 2rem;
}
.bloque-3-notas-complemento>div article:not(article:first-child) .titulo {
font-size: 1rem;
}
.bloque-3-notas-complemento>div aside {
grid-column: 3/4;
grid-row: 1/4;
align-items: start;
display:none;
}
.bloque-3-notas-complemento>div aside article {
margin-bottom: 20px;
padding-bottom: 20px;
}
.bloque-3-notas-complemento aside div article:not(:last-child){
border-bottom: 1px solid #e9e9e9;
}
.bloque-3-notas-complemento>div aside article picture {
aspect-ratio: 3/2;
margin-bottom: 0;
}
.bloque-3-notas-complemento>div aside article .texto {
margin: 10px;
}
.bloque-3-notas-complemento>div aside .titulo {
font-size: 1.2rem;
}
.bloque-3-notas-complemento>div aside.bloque-notas article:not(:first-child) {
display: grid;
grid-template-columns: 2fr 3fr;
}
.bloque-3-notas-complemento>div aside.bloque-notas article:not(:first-child) .texto {
margin: 0 0 0 20px;
}
.bloque-3-notas-complemento>div aside.bloque-notas article:not(:first-child) .titulo {
font-size: 0.9rem;
font-weight:100;
}
/*Bloque 3 notas complemento*/
/*Bloque 5 notas complemento*/
.bloque-5-notas-complemento>div {
display: grid;
grid-template-columns: 1fr 331px;
gap: 10px;
}
.bloque-5-notas-complemento>div article:nth-child(1) {
grid-column: 1 / 2; /* Ocupa la primera columna */
grid-row: 1 / 3; /* Ocupa dos filas para hacerlo más alto */
}
.bloque-5-notas-complemento>div article:nth-child(2) {
grid-column: 2 / 3; /* Ocupa la segunda columna */
grid-row: 1; /* Primera fila */
display:none;
}
.bloque-5-notas-complemento>div article:nth-child(3) {
grid-column: 3 / 4; /* Ocupa la tercera columna */
grid-row: 1; /* Primera fila */
display:none;
}
.bloque-5-notas-complemento>div article:nth-child(4) {
grid-column: 2 / 3; /* Segunda columna */
grid-row: 2; /* Segunda fila */
display:none;
}
.bloque-5-notas-complemento>div article:nth-child(5) {
grid-column: 3 / 4; /* Tercera columna */
grid-row: 2; /* Segunda fila */
display:none;
}
.bloque-5-notas-complemento>div aside {
grid-column: 2 / 2; /* Ocupa la columna fija de 331px */
grid-row: 2 / 2; /* Ocupa dos filas de altura */
}
.bloque-5-notas-complemento>div article .titulo {
font-size: 1.8rem;
}
.bloque-5-notas-complemento>div article:not(article:first-child) .titulo {
font-size: 1rem;
}
.bloque-5-notas-complemento>div aside article {
margin-bottom: 20px;
padding-bottom: 20px;
}
.bloque-5-notas-complemento aside div article:not(:last-child){
border-bottom: 1px solid #e9e9e9;
}
.bloque-5-notas-complemento>div aside article picture {
aspect-ratio: 3/2;
margin-bottom: 0;
}
.bloque-5-notas-complemento>div aside article .texto {
margin: 10px;
}
.bloque-5-notas-complemento>div aside .titulo {
font-size: 1.2rem;
}
.bloque-5-notas-complemento>div aside.bloque-notas article:not(:first-child) {
display: grid;
grid-template-columns: 2fr 3fr;
}
.bloque-5-notas-complemento>div aside.bloque-notas article:not(:first-child) .texto {
margin: 0 0 0 20px;
}
.bloque-5-notas-complemento>div aside.bloque-notas article:not(:first-child) .titulo {
font-size: 0.9rem;
font-weight:100;
}
/*Bloque 5 notas complemento*/
/*Bloque 3 notas horizontal*/
.bloque-3-notas-horizontal>div {
grid-template-columns: repeat(3, 1fr);
}
.bloque-3-notas-horizontal>div article .titulo {
font-size: 1.2rem;
}
/*Bloque 3 notas horizontal*/
/*Bloque 2 nota horizontal*/
.bloque-2-notas>div {
grid-template-columns: 1fr 1fr;
}
.bloque-2-notas>div article .titulo {
font-size: 1.4rem;
}
.bloque-1-nota>div .autor-sector {
text-align: center;
}
/*Bloque 2 nota horizontal*/
/*Bloque 1 nota full*/
.bloque-1-nota-full>div article {
width: 90%;
margin: 0 auto 30px auto;
}
.bloque-1-nota-full>div article .titulo {
font-size: 2rem;
text-align: center;
}
.bloque-1-nota-full>div .autor-sector {
text-align: center;
}
.bloque-1-notas>div article .titulo {
font-size: 2.8rem;
font-weight: 700;
}
.bloque-1-notas>div article .texto {
text-align: center;
}
/*Bloque 1 nota full*/
/*Bloque 1 nota horizontal*/
.bloque-1-nota-horizontal div {
display: unset !important;
}
.bloque-1-nota-horizontal div article {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 30px;
}
.bloque-1-nota-horizontal .imagen-notas {
margin-bottom: 0;
}
.bloque-1-nota-horizontal .texto {
margin: 0;
}
.bloque-1-nota-horizontal .titulo {
/*font-size: 2rem;*/
font-size: 1.5rem;
}
.bloque-1-nota-horizontal article .bajada {
display: none !important;
}
/*Bloque 1 nota horizontal*/
/*Estructura notas*/
/*Encuesta*/
#bloque-encuesta .banner {
margin-bottom: 0;
padding-bottom: 0;
margin-top: 30px;
}
#encuesta {
padding: 0 15px;
}
#encuesta .opcion-encuesta {
display: block;
margin: 0 0 10px 0;
padding: 5px 10px;
font-size: .85rem;
text-transform: capitalize;
text-align: center;
}
#encuesta div:last-child p {
background-color: white;
margin-top: 15px;
}
#encuesta div:last-child p{
background-color: black;
margin-top: 15px;
}
#encuesta p a{
color: #fff;
}
#encuesta .boton {
display: block;
margin: 5px auto;
text-transform: none;
width: 100%;
}
/*Encuesta*/
/*Escuchá lo último*/
#escucha-lo-ultimo {
margin: 0 auto 20px auto;
}
/*Escuchá lo último*/
/*Destacados*/
#destacados>div {
}
#destacados .item {
border-radius: 10px;
background: #000;
margin: 0 15px 10px 0;
width: 200px;
height: 310px;
}
#destacados .item .imagen-notas {
aspect-ratio: 4 / 6;
}
#destacados>div::-webkit-scrollbar {
-webkit-appearance: none;
}
#destacados>div::-webkit-scrollbar-button:increment, #vivo::-webkit-scrollbar-button {
display: none;
}
#destacados>div::-webkit-scrollbar-thumb {
background-color: #e6e6e600;
border-radius: 0;
border: 0;
}
#destacados>div::-webkit-scrollbar-track {
border-radius: 0;
background: #0000;
}
#destacados>div::-webkit-scrollbar {
height: 8px;
}
#destacados img {
width: 100%;
}
#destacados .item .titulo {
font-size: 0.8rem;
line-height: 1rem;
font-weight: bold;
color: #fff;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
#destacados .item p {
font-size: 0.8rem;
line-height: 1rem;
font-weight: 100;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
#destacados .item .subrayado {
width: 40%;
height: 10px;
}
/*Destacados*/
/*Podcast*/
#podcasts {
width: 100%;
position: relative;
}
#podcasts>div:first-of-type {
}
.podcasts-opinion .item {
background: #0858a8 !important;
}
.podcasts-opinion .item-absolute {
background: linear-gradient(to bottom, transparent 50%, #0858a8 100%) !important;
}
.podcasts-deportes .item {
background: #178150 !important;
}
.podcasts-deportes .item-absolute {
background: linear-gradient(to bottom, transparent 50%, #178150 100%) !important;
}
#podcasts .item {
border-radius: 10px;
background: #000;
margin: 0 15px 0 0;
width: 150px;
height: 240px;
}
#podcasts .item .imagen-notas {
aspect-ratio: 7 / 6;
}
#podcasts>div::-webkit-scrollbar {
-webkit-appearance: none;
}
#podcasts>div::-webkit-scrollbar-button:increment, #vivo::-webkit-scrollbar-button {
display: none;
}
#podcasts>div::-webkit-scrollbar-thumb {
background-color: #e6e6e600;
border-radius: 0;
border: 0;
}
#podcasts>div::-webkit-scrollbar-track {
border-radius: 0;
background: #0000;
}
#podcasts>div::-webkit-scrollbar {
height: 8px;
}
#podcasts img {
width: 100%;
}
#podcasts .item .titulo {
font-size: 0.7rem;
line-height: 1rem;
font-weight: bold;
color: #fff;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
article #podcasts>div {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
display: block;
}
article #podcasts .item {
border-radius: 10px;
background: #000;
margin: 0 15px 0 0;
float: left;
white-space: normal;
flex: 0 0 auto;
width: 100%;
height: unset;
}
article #podcasts .item .titulo {
font-size: 0.8rem;
line-height: 1rem;
font-weight: 100;
color: #fff;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
article #podcasts .item .etiqueta-audio {
width: 50px;
height: 50px;
background-color: unset;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: -8px;
left: calc(50% – 25px);
border: 8px solid #ffffffd6;
filter: drop-shadow(2px 4px 11px black);
z-index: 2;
}
article #podcasts .item .texto {
position: relative;
padding: 0px 10px 0 10px;
text-align: center;
}
article #podcasts .item .imagen-notas {
aspect-ratio: 9 / 6;
}
/*Podcasts*/
/*Opinión*/
#opinion {
display: block;
}
#opinion>div {
display: grid;
gap: 15px;
grid-template-columns: 4fr 3fr;
}
#opinion>div>article {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#opinion article {
padding-right: 15px;
}
#opinion>div>div {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 20px;
border-left: 1px solid #000;
padding-right: 10px;
}
#opinion>div>div:nth-of-type(2) {
display: none;
}
#opinion>div>article>div:first-of-type {
margin-bottom:30px;
}
#opinion>div>div .titulo{
font-weight: 100;
}
#opinion>div>div article:not(article:last-child) {
margin-bottom: 20px;
}
#opinion article .titulo {
font-size: 1.2rem;
border-left: 2px solid #ddd;
padding-left: 15px;
}
#opinion>div>div article .titulo{
font-size: 0.9rem;
margin-bottom: 10px;
line-height: 1.3rem;
}
#opinion .autor-titulo picture {
width: 100px;
overflow: hidden;
padding: 0;
border-bottom: 1px solid;
}
#opinion picture {
display: block;
aspect-ratio: 9/7;
}
#opinion picture img {
width: 100%;
}
#opinion .autor-titulo {
grid-template-columns: 5fr 6fr;
}
#opinion .autor-titulo div:last-child {
margin-left: 15px;
}
#opinion .autor-titulo .boton {
margin-left: 15px;
}
.bloque-notas .autor-titulo {
display: grid;
grid-template-columns: 3fr 3fr;
column-gap: 20px;
align-items: center;
margin: 20px 10px;
}
.bloque-notas .autor-titulo picture img {
width: 100px;
border-radius: 50%;
overflow: hidden;
height: 100px;
}
/*Opinión*/
#lasvocesdelasmarcas {
margin-bottom: 40px;
width: 100%;
}
}
]]>div article .titulo {
font-size: 1.2rem;
font-weight: 700;
}
.bloque-1-notas>div article .texto {
text-align: center;
}
.titulo-seccion {
padding: 30px 0;
border-top: 5px solid #000000;
margin: 0;
font-size: 1.2rem;
width: calc(100% – 40px);
margin: auto;
}
#destacados .titulo-seccion {
padding: 30px 0;
border-top: 5px solid #000000;
margin: 0;
font-size: 1.2rem;
width: calc(100% – 40px);
margin: auto;
}
#opinion .titulo-seccion {
padding: 30px 0;
border-top: 5px solid #000000;
margin: 0;
font-size: 1.2rem;
width: calc(100% – 40px);
margin: auto;
}
aside .titulo-seccion {
padding: 30px 0;
border-top: 5px solid #000000;
margin: 0;
font-size: 1.4rem;
width: calc(100% – 40px);
margin: auto;
}
.article-destacado .titulo-seccion {
padding: 0 0 30px 0;
border-top: 0;
margin: 0;
}
#frame-encuesta {
width: 100%;
height: 400px;
}
.bloque-notas small {
font-size: 0.8rem;
}
/*Encuesta*/
#bloque-encuesta .banner {
margin-bottom: 0;
padding-bottom: 0;
margin-top: 30px;
}
#encuesta {
padding: 0 15px;
}
#encuesta-wrap {
display: flex;
justify-content: center;
width: calc(100% – 20px);
margin: auto;
}
#encuesta {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#encuesta .boton a{
color: #fff;
font-size: 0.9rem;
font-weight: 100;
}
#encuesta .boton {
display: block;
margin: 3px auto;
text-transform: none;
width: 100%;
padding: 3px;
background: #13487d;
}
#encuesta .resultado {
display: flex;
flex-direction: column;
gap: 2px;
}
#encuesta .resultado p {
background-color: unset !important;
font-size: 0.8rem;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
#encuesta .resultado>p {
margin-bottom: 10px;
}
#encuesta .txt-encuesta {
width: 100%;
margin: 0;
border-top: 1px solid;
border-bottom: 1px solid;
padding: 20px 0;
}
#encuesta .overflowhidden {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
#encuesta .porcentaje {
background-color: #0858a8;
padding: 5px;
border-radius: 5px;
text-align: right;
min-width: 41px;
}
#encuesta .porcentaje p {
color: #fff;
}
#encuesta .porcentaje .resultado {
color: #fff;
font-weight: bold;
}
/*Encuesta*/
/*Escuchá lo último*/
#escucha-lo-ultimo {
width: 80%;
margin: 0 auto 20px auto;
}
/*Destacados*/
#destacados {
border-radius: 0;
border: 0;
border-top: 0;
border-bottom: 0;
margin-bottom: 30;
}
#destacados>div {
}
#destacados .item {
border-radius: 10px;
background: #000;
margin: 0px 0px 10px 15px;
width: 160px;
height: 255px;
}
#destacados>div::-webkit-scrollbar {
-webkit-appearance: none;
}
#destacados>div::-webkit-scrollbar-button:increment, #vivo::-webkit-scrollbar-button {
display: none;
}
#destacados>div::-webkit-scrollbar-thumb {
background-color: #e6e6e600;
border-radius: 0;
border: 0;
}
#destacados>div::-webkit-scrollbar-track {
border-radius: 0;
background: #0000;
}
#destacados>div::-webkit-scrollbar {
height: 8px;
}
#destacados .item .imagen-notas {
aspect-ratio: 4 / 6;
}
#destacados .item {
.titulo {
font-size: .8rem;
line-height: 1rem;
color: #fff;
font-weight: bold;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
p {
font-size: 0.8rem;
line-height: 1rem;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
}
#destacados .item picture img {
width: 100%;
}
/*Destacados*/
/*Podcast*/
#podcasts {
width: 100%;
position: relative;
margin-left: 15px;
}
#podcasts>div:first-of-type {
}
.podcasts-opinion .item {
background: #3f3f3f !important;
}
.podcasts-opinion .item-absolute {
background: linear-gradient(to bottom, transparent 50%, #3f3f3f 100%) !important;
}
.podcasts-deportes .item {
background: #178150 !important;
}
.podcasts-deportes .item-absolute {
background: linear-gradient(to bottom, transparent 50%, #178150 100%) !important;
}
article #podcasts>div {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
display: block;
}
article #podcasts .item {
border-radius: 10px;
background: #000;
margin: 0 15px 10px 15px;
float: unset;
white-space: normal;
flex: 0 0 auto;
width: calc(100% – 30px);
height: unset;
}
article #podcasts .item .titulo {
font-size: 1rem;
line-height: 1.2rem;
font-weight: bold;
color: #fff;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
article #podcasts .item .etiqueta-audio {
width: 50px;
height: 50px;
background-color: unset;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: -8px;
left: calc(50% – 25px);
border: 8px solid #ffffffd6;
filter: drop-shadow(2px 4px 11px black);
z-index: 2;
}
article #podcasts .item .texto {
position: relative;
padding: 0px 10px 10px 10px;
text-align: center;
}
.article-destacado {
border-radius: 0;
margin: 0 0 30px 0;
padding-bottom: 30px;
border: 0 !important;
}
#podcasts .item {
border-radius: 10px;
background: #000;
margin: 0 15px 0 0;
width: 150px;
height: 240px;
}
#podcasts .item .imagen-notas {
aspect-ratio: 7 / 6;
}
article #podcasts .item .imagen-notas {
aspect-ratio: 9 / 6;
}
#podcasts>div::-webkit-scrollbar {
-webkit-appearance: none;
}
#podcasts>div::-webkit-scrollbar-button:increment, #vivo::-webkit-scrollbar-button {
display: none;
}
#podcasts>div::-webkit-scrollbar-thumb {
background-color: #e6e6e600;
border-radius: 0;
border: 0;
}
#podcasts>div::-webkit-scrollbar-track {
border-radius: 0;
background: #0000;
}
#podcasts>div::-webkit-scrollbar {
height: 8px;
}
#podcasts img {
width: 100%;
}
#podcasts .item .titulo {
font-size: 0.8rem;
line-height: 1rem;
font-weight: bold;
color: #fff;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
/*Podcasts*/
/*Opinión*/
#opinion article .imagen-notas {
margin-bottom: 20px;
}
#opinion div>article>div{
display: block;
margin: 0;
}
#opinion article {
padding: 0 20px 20px 20px;
margin-bottom: 20px;
}
/*#opinion article:first-child {
padding: 0 20px 20px 20px;
margin-bottom: 20px;
}*/
#opinion article:not(#opinion div div:last-child article:last-child) {
border-bottom: 1px solid #ccc;
}
#opinion article .titulo {
font-size: 1rem;
}
#opinion .autor-titulo {
display: grid;
grid-template-columns: 2fr 3fr;
column-gap: 20px;
align-items: center;
margin: 20px 30px;
}
#opinion .autor-titulo picture img {
width: 100px;
overflow: hidden;
padding: 0;
border-bottom: 1px solid;
}
.bloque-notas .autor-titulo {
display: grid;
grid-template-columns: 2fr 3fr;
column-gap: 20px;
align-items: center;
margin: 20px 30px;
}
.bloque-notas .autor-titulo picture img {
width: 100px;
border-radius: 50%;
overflow: hidden;
height: 100px;
}
/*Opinión*/
.bloque-micro .bloque-notas div article:not(.bloque-notas article:first-child) {
margin: 0 15px 15px 15px;
}
.bloque-micro .bloque-notas div article:not(.bloque-notas article:first-child) picture {
/*aspect-ratio: 12/12;*/
margin-bottom: 15px;
}
.bloque-micro .bloque-notas div article:not(.bloque-notas article:first-child) .autor-sector {
margin: 0 !important;
}
.bloque-micro .bloque-notas div article:not(.bloque-notas article:first-child) .titulo {
font-size: 1rem;
margin: 0;
}
.bloque-micro .bloque-notas article:first-child .texto {
margin: 20px 20px 10px 20px;
overflow: hidden;
}
.bloque-micro .bloque-notas article:not(.bloque-notas article:first-child) div:first-child {
display: grid;
grid-template-columns: 2fr 3fr;
gap: 15px;
margin-bottom: 10px;
align-items: center;
}
.bloque-micro .bloque-notas aside article:not(article:first-child) {
display: grid;
grid-template-columns: 2fr 3fr;
gap: 15px;
}
.bloque-notas .autor-sector {
margin: 10px 0 0 0 !important;
}
.bloque-notas div article:last-child {
margin-bottom: 0;
border-right: 0 !important
}
.bloque-notas aside>div {
/*margin-top: 15px;*/
}
.bloque-notas article .notas-relacionadas h2{
font-size: 1rem !important;
line-height: 1.4rem !important;
}
.bloque-12-notas-sector article {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e9e9e9;
}
.bloque-12-notas-sector article:nth-child(2) {
margin: 0 0 40px 0 !important;
}
.bloque-12-notas-sector article:nth-child(2) .texto {
margin: 20px 10px;
overflow: hidden;
}
.bloque-12-notas-sector article:nth-child(2) .titulo {
font-size: 1.4rem !important;
}
.bloque-12-notas-sector div section article:not(article:nth-child(2)) {
display: grid;
grid-template-columns: 2fr 3fr;
gap: 15px;
margin-bottom: 10px;
align-items: center;
}
/*Fix notas horizontales mobile*/
/*——————————-*/
#lasvocesdelasmarcas {
margin-bottom: 40px;
width: 100%;
}
}
]]>p:nth-child(2) {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
}
#nota-ampliada>p:nth-child(2) a{
color: #1667b9;
}
#nota-ampliada>p:nth-child(5) {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
}
#nota-ampliada>p:nth-child(6) {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
margin-top: 5px;
text-decoration: underline;
color:#1667b9;
}
#nota-ampliada>p:nth-child(6) a{
color:#1667b9;
}
#nota-ampliada>p:nth-child(5) span {
margin-left: 10px;
}
#nota-ampliada .volanta p{
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
font-weight: lighter;
margin: 10px;
color: #000;
}
.bloque-notas>div {
display: grid;
gap: 30px;
position: relative;
}
#contenedor-nota {
width: calc(100% – 330px);
float: left;
}
#contenedor-nota .cinta-menu {
padding: 20px 0;
overflow: hidden;
background: none;
}
#contenedor-nota .breadcrums-categorias ul li:nth-child(1) {
border-right: 1px solid #ccc;
padding-right: 30px;
margin-right: 20px;
}
#contenedor-nota .breadcrums-categorias ul li {
margin: 0 10px;
float: left;
}
#contenedor-nota .breadcrums-categorias ul li:nth-child(n+4) {
margin: 0;
}
#contenedor-nota .cinta-menu svg {
height: 30px;
}
#contenedor-nota .imagen-notas:not(#slider-container .imagen-notas) {
margin-bottom: 0;
}
#slider-container .imagen-notas {
margin-bottom: 5px;
}
#cuerpo-nota p {
font-size: 1rem;
line-height: 1.6rem;
}
#cuerpo-nota p a {
color: #1667b9;
}
#cuerpo-nota p:not(:last-child) {
margin-bottom: 30px;
}
#cuerpo-nota h4, #cuerpo-nota h3, #cuerpo-nota h2 {
margin-bottom: 30px;
}
#cuerpo-nota h2 {
font-size: 1.4rem;
}
#cuerpo-nota .autor-titulo {
float: left;
padding: 20px;
}
#cuerpo-nota .autor-titulo picture img {
width: 124%;
/*right: 12px;*/
position: relative;
}
#cuerpo-nota .autor-titulo picture {
border-right: 2px solid #ccc;
margin-right: 30px;
padding-right: 15px;
width: 130px;
border-radius: 50%;
background: #ecebe7;
overflow: hidden;
padding: 12px 6px;
height: 130px;
margin-bottom: 15px;
}
#cuerpo-nota #ia-resumen {
margin: 40px;
padding: 40px;
background: whitesmoke;
border-radius: 10px;
}
#cuerpo-nota #ia-resumen h2{
font-size:16px;
}
#cuerpo-nota #ia-resumen p{
font-size:16px;
line-height:1.4rem;
}
.cinta-menu {
color: #0858a8;
padding: 10px 0 10px 10px;
border-bottom: 1px solid #e9e9e9;
}
.cinta-menu a {
color: #0858a8;
}
.cinta-menu li {
display: inline-block;
}
.breadcrums-categorias {
margin-top: 5px;
white-space: nowrap;
}
.breadcrums-categorias ul ul {
display: flex;
align-items: center;
}
.breadcrums-categorias ul ul li {
display: inline;
font-size: .8em;
list-style: none;
}
.breadcrums-categorias ul li a {
color: black;
text-decoration: none;
margin-right: 10px;
display: block;
padding: 0;
}
.lista-multimedia .item-lista-multimedia {
display: grid;
grid-template-columns: 6fr 1fr 12fr;
gap: 30px;
width: 90%;
align-items: center;
background-color: #f7f7f7;
margin: 15px auto 20px auto;
}
.lista-multimedia .item-lista-multimedia picture img {
width: 100%;
aspect-ratio: 9/5;
}
.lista-multimedia .item-lista-multimedia svg {
width: 100%;
}
.video-nota .item-lista-multimedia div p {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
margin-bottom: 0 !important;
line-height: unset !important;
}
.video-nota .item-lista-multimedia div p:first-child{
font-size: .9rem !important;
}
.video-nota .categoria {
font-weight: 600;
}
.video-nota .item-lista-multimedia div p:last-child{
font-size: .9rem !important;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
}
.video-nota .breadcrums-categorias {
margin-top: 10px;
white-space: normal;
}
.video-nota {
margin: 30px auto;
background-color: #f7f7f7;
border-radius: 10px;
width: 100%;
max-width:600px;
}
.video-nota picture img {
width: 100%;
}
.video-nota .item-lista-multimedia {
padding: 20px;
}
.video-nota .contenedor-play {
width: 30%;
height: 30%;
position: absolute;
top: 45%;
left: 55%;
transform: translate(-50%, -50%);
}
.video-nota .contenedor-play .play {
width: 100px;
height: 100px;
background-color: unset;
border-radius: 50%;
display: flex;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
border: 14px solid #ecebe7;
filter: drop-shadow(2px 4px 11px #000);
}
.video-nota .contenedor-play .play svg {
margin: 0;
fill: #ecebe7 !important;
width: 32px;
}
/*Notas Escuchá lo último*/
.bloque-lo-mas-esuchado article h2 {
line-height: 24px;
font-size: 1.2rem;
margin-bottom: 20px;
}
.bloque-lo-mas-esuchado .nota-horizontal {
grid-template-columns: 2fr 3fr;
gap: 15px;
font-size: .9rem;
border-top: 1px solid #ddd;
padding-top: 20px;
}
.bloque-lo-mas-esuchado .nota-horizontal h2 {
font-size: .9rem;
margin-bottom: 15px;
line-height: 16px;
}
.bloque-lo-mas-esuchado .imagen-notas {
margin-bottom: 20px;
}
/*Notas Escuchá lo último*/
/*Slider*/
#slider-container {
position: relative;
overflow: hidden;
}
#slider {
display: flex;
transition: transform 0.5s ease-in-out;
margin-bottom: 30px;
}
.slide {
min-width: 100%;
}
.slider-indicators {
display: none;
justify-content: center;
margin-top: 10px;
}
.indicator {
width: 10px;
height: 10px;
background-color: #bbb;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
}
.indicator.active {
background-color: #555;
}
.slider-arrow {
position: absolute;
top: calc(50% – 63px);
font-size: 30px;
cursor: pointer;
color: black;
background-color: rgb(255 255 255);
padding: 10px 23px;
border: none;
outline: none;
border-radius: 50%;
}
.prev {
left: -21px;
}
.next {
right: -21px;
}
/*Slider*/
#contenedor-nota #lista-episodios-ol {
height:unset;
overflow-x: unset;
}
#contenedor-nota #lista-audios .item {
width: 100%;
}
#contenedor-nota #ultimos-audios {
overflow: hidden;
height: fit-content;
overflow-y: unset;
border-bottom:0;
background: #fff;
padding: 0;
}
#contenedor-nota #ultimos-audios #lista-episodios-ol p:last-child {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: 0.9rem;
color: #000;
}
#contenedor-nota #ultimos-audios .video-nota {
margin: 0 auto 30px auto;
}
#contenedor-nota #ultimos-audios .txt-audio {
width: 67%;
font-size: 14px;
margin: 20px;
margin-top: 15px;
align-content: center;
}
#contenedor-nota #ultimos-audios .img-audio {
width: 180px;
height: 148px;
}
#contenedor-nota #ultimos-audios .etiqueta-audio {
bottom: unset;
top: 40px;
left: calc(50% – 30px);
border: 10px solid #ecebe7;
width: 60px;
height: 60px;
filter: drop-shadow(2px 4px 11px #000);
}
#contenedor-nota #ultimos-audios .etiqueta-audio svg {
fill: #ecebe7 !important;
height: 20px !important;
}
#contenedor-nota #ultimos-audios ol {
margin: 0;
width: 100%;
}
#contenedor-nota #ultimos-audios ol li {
height: 148px;
margin: 0 auto 30px auto;
border-radius: 10px;
padding: 0;
background: #ecebe77a;
width: 100%;
max-width:600px;
display: flex;
}
#ultimos-audios ol li p {
line-height: unset;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
}
#nota-embebida {
margin-bottom: 20px;
}
#nota-embebida article {
display: flex;
padding-bottom: 0;
border-bottom: 0;
background: #f6f5f4;
border-radius: 10px;
border-right: 0;
}
#contenedor-nota #lista-audios .item {
h2, p {
color: #000;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
line-height: 1rem;
font-size: .8rem;
}
}
#nota-embebida article:nth-last-child(2) {
border-bottom: 0;
}
#nota-embebida article .titulo {
font-size: 1.2rem;
font-weight: 100;
}
#nota-embebida article .texto {
margin: 20px;
width: 60%;
}
#nota-embebida article .imagen-notas {
width: 180px;
aspect-ratio: unset;
height: 148px;
}
#contenedor-nota #tags {
margin: 0 10px 30px 10px;
overflow: hidden;
display: grid;
justify-content: left;
}
#contenedor-nota #tags .titulo-seccion {
margin: 20px 0;
overflow: hidden;
}
#contenedor-nota #tags nav li {
margin: 5px;
padding: 5px;
background: #cecece;
background: #ecebe7;
float: left;
border-radius: 5px;
font-size: 0.9rem;
}
}
]]>p:nth-child(2) {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
}
#nota-ampliada>p:nth-child(2) a{
color: #1667b9;
}
#nota-ampliada>p:nth-child(5) {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
}
#nota-ampliada>p:nth-child(6) {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
margin-top: 5px;
text-decoration: underline;
color:#1667b9;
}
#nota-ampliada>p:nth-child(6) a{
color:#1667b9;
}
#nota-ampliada>p:nth-child(5) span {
margin-left: 10px;
}
#nota-ampliada .volanta p{
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
font-weight: lighter;
margin: 10px;
color: #000;
}
#contenedor-nota {
width: calc(100% – 330px);
float: left;
}
#contenedor-nota .cinta-menu {
padding: 20px 0;
background: none;
}
#contenedor-nota .breadcrums-categorias ul {
display: flex;
align-items: center;
}
#contenedor-nota .breadcrums-categorias ul li:nth-child(1) {
border-right: 1px solid #ccc;
padding-right: 30px;
margin-right: 20px;
}
#contenedor-nota .breadcrums-categorias ul li {
margin: 0 10px;
}
#contenedor-nota .breadcrums-categorias ul li:nth-child(n+4) {
margin: 0;
}
#contenedor-nota .cinta-menu svg {
height: 30px;
}
#contenedor-nota .imagen-notas:not(#slider-container .imagen-notas) {
margin-bottom: 0;
}
#slider-container .imagen-notas {
margin-bottom: 5px;
}
#cuerpo-nota p {
font-size: 1rem;
line-height: 1.6rem;
}
#cuerpo-nota p a {
color: #1667b9;
}
#cuerpo-nota p:not(:last-child) {
margin-bottom: 30px;
}
#cuerpo-nota h4, #cuerpo-nota h3, #cuerpo-nota h2 {
margin-bottom: 30px;
}
#cuerpo-nota h2 {
font-size: 1.4rem;
}
#cuerpo-nota .autor-titulo {
float: left;
padding: 20px;
}
#cuerpo-nota .autor-titulo picture img {
width: 124%;
/*right: 12px;*/
position: relative;
}
#cuerpo-nota .autor-titulo picture {
border-right: 2px solid #ccc;
margin-right: 30px;
padding-right: 15px;
width: 130px;
border-radius: 50%;
background: #ecebe7;
overflow: hidden;
padding: 12px 6px;
height: 130px;
margin-bottom: 15px;
}
#cuerpo-nota #ia-resumen {
margin: 40px;
padding: 40px;
background: whitesmoke;
border-radius: 10px;
}
#cuerpo-nota #ia-resumen h2{
font-size:16px;
}
#cuerpo-nota #ia-resumen p{
font-size:16px;
line-height:1.4rem;
}
.cinta-menu {
color: #0858a8;
padding: 10px 0 10px 10px;
border-bottom: 1px solid #e9e9e9;
}
.cinta-menu a{
color: #0858a8;
}
.breadcrums-categorias {
margin-top: 5px;
/*white-space: nowrap;*/
}
.breadcrums-categorias ul ul {
display: flex;
align-items: center;
}
.breadcrums-categorias ul ul li {
display: inline;
font-size: .8em;
list-style: none;
}
.breadcrums-categorias ul li a {
color: black;
text-decoration: none;
margin-right: 10px;
display: block;
padding: 0;
}
.lista-multimedia .item-lista-multimedia {
display: grid;
grid-template-columns: 6fr 1fr 12fr;
gap: 30px;
width: 90%;
align-items: center;
background-color: #f7f7f7;
margin: 15px auto 20px auto;
height: 90px;
}
.lista-multimedia .item-lista-multimedia picture img {
width: 100%;
aspect-ratio: 9/5;
}
.lista-multimedia .item-lista-multimedia svg {
width: 100%;
}
.lista-multimedia .item-lista-multimedia picture {
height: 100%;
}
.video-nota .item-lista-multimedia div p {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
margin-bottom: 0 !important;
line-height: unset !important;
}
.video-nota .item-lista-multimedia div p:first-child{
font-size: .9rem !important;
}
.video-nota .categoria {
font-weight: 600;
}
.video-nota .breadcrums-categorias {
margin-top: 10px;
white-space: normal;
}
.video-nota {
margin: 30px auto;
background-color: #f7f7f7;
border-radius: 10px;
width: 100%;
max-width:600px;
}
.video-nota picture img {
width: 100%;
}
.video-nota .item-lista-multimedia {
padding: 20px;
}
.video-nota .contenedor-play {
width: 30%;
height: 30%;
position: absolute;
top: 52%;
left: 52%;
transform: translate(-50%, -50%);
}
.video-nota .contenedor-play .play {
width: 100px;
height: 100px;
background-color: unset;
border-radius: 50%;
display: flex;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
border: 14px solid #ecebe7;
filter: drop-shadow(2px 4px 11px #000);
}
.video-nota .contenedor-play .play svg {
margin: 0;
fill: #ecebe7 !important;
width: 32px;
}
/*Notas Escuchá lo último*/
.bloque-lo-mas-esuchado article h2 {
line-height: 24px;
font-size: 1.2rem;
margin-bottom: 20px;
}
.bloque-lo-mas-esuchado .nota-horizontal {
grid-template-columns: 2fr 3fr;
gap: 15px;
font-size: .9rem;
border-top: 1px solid #ddd;
padding-top: 20px;
}
.bloque-lo-mas-esuchado .nota-horizontal h2 {
font-size: .9rem;
margin-bottom: 15px;
line-height: 16px;
}
.bloque-lo-mas-esuchado .imagen-notas {
margin-bottom: 20px;
}
/*Notas Escuchá lo último*/
/*Slider*/
#slider-container {
position: relative;
overflow: hidden;
}
#slider {
display: flex;
transition: transform 0.5s ease-in-out;
margin-bottom: 30px;
}
.slide {
min-width: 100%;
}
.slider-indicators {
display: none;
justify-content: center;
margin-top: 10px;
}
.indicator {
width: 10px;
height: 10px;
background-color: #bbb;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
}
.indicator.active {
background-color: #555;
}
.slider-arrow {
position: absolute;
top: calc(50% – 63px);
font-size: 30px;
cursor: pointer;
color: black;
background-color: rgb(255 255 255);
padding: 10px 23px;
border: none;
outline: none;
border-radius: 50%;
}
.prev {
left: -21px;
}
.next {
right: -21px;
}
/*Slider*/
#contenedor-nota #lista-episodios-ol {
height:unset;
overflow-x: unset;
}
#contenedor-nota #lista-audios .item {
width: 100%;
}
#contenedor-nota #ultimos-audios {
overflow: hidden;
height: fit-content;
overflow-y: unset;
border-bottom:0;
background: #fff;
padding: 0;
}
#contenedor-nota #ultimos-audios #lista-episodios-ol p:last-child {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: 0.9rem;
color: #000;
}
#contenedor-nota #ultimos-audios .video-nota {
margin: 0 auto 30px auto;
}
#contenedor-nota #ultimos-audios .txt-audio {
width: 67%;
font-size: 14px;
margin: 20px;
margin-top: 15px;
align-content: center;
}
#contenedor-nota #ultimos-audios .img-audio {
width: 180px;
height: 148px;
}
#contenedor-nota #ultimos-audios .etiqueta-audio {
bottom: unset;
top: 40px;
left: calc(50% – 30px);
border: 10px solid #ecebe7;
width: 60px;
height: 60px;
filter: drop-shadow(2px 4px 11px #000);
}
#contenedor-nota #ultimos-audios .etiqueta-audio svg {
fill: #ecebe7 !important;
height: 20px !important;
}
#contenedor-nota #ultimos-audios ol {
margin: 0;
width: 100%;
}
#contenedor-nota #ultimos-audios ol li {
height: 148px;
margin: 0 auto 30px auto;
border-radius: 10px;
padding: 0;
background: #ecebe77a;
width: 100%;
max-width:600px;
display: flex;
}
#ultimos-audios ol li p {
line-height: unset;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
}
#nota-embebida {
margin-bottom: 20px;
}
#nota-embebida article {
display: flex;
padding-bottom: 0;
border-bottom: 0;
background: #f6f5f4;
border-radius: 10px;
border-right: 0;
}
#contenedor-nota #lista-audios .item {
h2, p {
color: #000;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
line-height: 1rem;
font-size: .8rem;
}
}
#nota-embebida article:nth-last-child(2) {
border-bottom: 0;
}
#nota-embebida article .titulo {
font-size: 1.2rem;
font-weight: 100;
}
#nota-embebida article .texto {
margin: 20px;
width: 60%;
}
#nota-embebida article .imagen-notas {
width: 180px;
aspect-ratio: unset;
height: 148px;
}
#contenedor-nota #tags {
margin: 0 10px 30px 10px;
overflow: hidden;
display: grid;
justify-content: left;
}
#contenedor-nota #tags .titulo-seccion {
margin: 20px 0;
overflow: hidden;
}
#contenedor-nota #tags nav li {
margin: 5px;
padding: 5px;
background: #cecece;
background: #ecebe7;
float: left;
border-radius: 5px;
font-size: 0.9rem;
}
}
]]>p:nth-child(2) {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
margin: 0 10px 0 10px;
}
>p:nth-child(2) a{
color: #1667b9;
}
>p:nth-child(5) {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
margin: 0 10px 0 10px;
}
>p:nth-child(6) {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
margin: 5px 10px 0 10px;
text-decoration: underline;
color:#1667b9;
}
>p:nth-child(6) a{
color:#1667b9;
}
>p:nth-child(5) span {
margin-left: 10px;
}
.volanta p{
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
font-weight: lighter;
margin: 10px;
color: #000;
}
#cuerpo-nota {
margin: 0 10px;
}
}
.codigo-vivo {
margin-top: 30px;
}
.codigo-vivo iframe {
width: 100%;
}
#contenedor-nota {
width: 100%;
}
.breadcrums-categorias ul {
display: flex;
align-items: center;
margin-right: 10px;
}
#contenedor-nota .breadcrums-categorias ul li:nth-child(1) {
border-right: 1px solid #ccc;
padding-right: 30px;
margin-right: 20px;
}
#contenedor-nota .breadcrums-categorias ul li {
margin: 0 10px;
}
#contenedor-nota .breadcrums-categorias ul li:nth-child(n+4) {
margin: 0;
}
#contenedor-nota .cinta-menu svg {
height: 30px;
}
#slider .imagen-notas {
margin-bottom: 5px;
}
#slider-container .swiper-button-next {
top: 38%;
}
#slider-container .swiper-button-prev {
top: 38%;
}
#cuerpo-nota p {
font-size: 0.95rem;
line-height: 1.55rem;
}
#cuerpo-nota p a {
color: #1667b9;
}
#cuerpo-nota p:not(:last-child) {
margin-bottom: 30px;
}
#cuerpo-nota h4, #cuerpo-nota h3, #cuerpo-nota h2 {
margin-bottom: 30px;
}
#cuerpo-nota .autor-titulo {
float: left;
padding: 20px;
}
#cuerpo-nota .autor-titulo picture img {
width: 124%;
/*right: 12px;*/
position: relative;
}
#cuerpo-nota .autor-titulo picture {
border-right: 2px solid #ccc;
margin-right: 30px;
padding-right: 15px;
width: 130px;
border-radius: 50%;
background: #ecebe7;
overflow: hidden;
padding: 12px 6px;
height: 130px;
margin-bottom: 15px;
}
#cuerpo-nota #ia-resumen {
margin: 20px;
padding: 20px;
background: whitesmoke;
border-radius: 10px;
}
#cuerpo-nota #ia-resumen h2{
font-size:16px;
}
#cuerpo-nota #ia-resumen p{
font-size:16px;
line-height:1.4rem;
}
.cinta-menu {
color: #0858a8;
padding: 10px 0 10px 15px;
border-bottom: 1px solid #e9e9e9;
}
.cinta-menu a{
color: #0858a8;
}
.breadcrums-categorias {
margin-top: 10px;
}
.breadcrums-categorias ul ul {
display: flex;
align-items: center;
}
.breadcrums-categorias ul ul li {
display: inline;
font-size: .8em;
list-style: none;
}
.breadcrums-categorias ul li a {
color: black;
text-decoration: none;
margin-right: 10px;
display: block;
padding: 0;
}
.lista-multimedia .item-lista-multimedia {
display: grid;
grid-template-columns: 8fr 1fr 10fr;
width: 90%;
gap: 10px;
align-items: center;
background-color: #f7f7f7;
margin: 15px auto 20px auto;
}
.lista-multimedia .item-lista-multimedia picture {
margin: 0;
height: 100%;
}
.lista-multimedia .item-lista-multimedia picture img {
width: 100%;
aspect-ratio: 9/5;
}
.lista-multimedia .item-lista-multimedia svg {
width: 100%;
}
.item-lista-multimedia div {
margin: 10px 10px 10px 0;
}
.video-nota .item-lista-multimedia div p {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
margin-bottom: 0 !important;
line-height: unset !important;
}
.video-nota .item-lista-multimedia div p:first-child{
font-size: .9rem !important;
}
.video-nota .categoria {
font-weight: 600;
}
.video-nota {
margin: 30px 10px;
background-color: #f7f7f7;
border-radius: 10px;
}
.video-nota picture img {
width: 100%;
}
.video-nota .item-lista-multimedia {
padding: 20px;
}
.video-nota .contenedor-play {
width: 30%;
height: 30%;
position: absolute;
top: 52%;
left: 52%;
transform: translate(-50%, -50%);
}
.video-nota .contenedor-play .play {
width: 100px;
height: 100px;
background-color: unset;
border-radius: 50%;
display: flex;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
border: 14px solid #fff;
filter: drop-shadow(2px 4px 11px #000);
}
.video-nota .contenedor-play .play svg {
margin: 0;
fill: #fff !important;
width: 32px;
}
/*Notas escuchá lo último*/
.bloque-lo-mas-esuchado article h2 {
line-height: 1.4rem;
font-size: 1.2rem;
margin-bottom: 20px;
}
.bloque-lo-mas-esuchado .nota-horizontal {
display: grid;
grid-template-columns: 2fr 3fr;
gap: 15px;
font-size: .9rem;
border-top: 1px solid #ddd;
padding-top: 20px;
}
.bloque-lo-mas-esuchado .imagen-notas {
margin-bottom: 20px;
}
/*Slider*/
#slider-container {
position: relative;
overflow: hidden;
}
#slider {
display: flex;
transition: transform 0.5s ease-in-out;
margin-bottom: 30px;
}
.slide {
min-width: 100%;
}
.slider-indicators {
display: none;
justify-content: center;
margin-top: 10px;
}
.indicator {
width: 10px;
height: 10px;
background-color: #bbb;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
}
.indicator.active {
background-color: #555;
}
.slider-arrow {
position: absolute;
top: calc(50% – 63px);
font-size: 30px;
cursor: pointer;
color: black;
background-color: rgb(255 255 255);
padding: 10px 23px;
border: none;
outline: none;
border-radius: 50%;
}
.prev {
left: -21px;
}
.next {
right: -21px;
}
#contenedor-nota #lista-episodios-ol {
height:unset;
overflow-x: unset;
}
#contenedor-nota #lista-audios .item {
width: 100% !important;
}
#contenedor-nota #ultimos-audios {
overflow: hidden;
height: fit-content;
overflow-y: unset;
border-bottom:0;
background: #fff;
padding: 0;
}
#contenedor-nota #ultimos-audios #lista-episodios-ol p:last-child {
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: 0.9rem;
color: #000;
}
#contenedor-nota #ultimos-audios .video-nota {
margin: 0 auto 30px auto;
}
#contenedor-nota #ultimos-audios .txt-audio {
width: 67%;
font-size: 14px;
margin: 20px;
margin-top: 15px;
align-content: center;
}
#contenedor-nota #ultimos-audios .img-audio {
width: 100px;
height: 120px;
}
#contenedor-nota #ultimos-audios .etiqueta-audio {
bottom: unset;
top: 40px;
left: calc(50% – 20px);
border: 7px solid #ecebe7;
width: 40px;
height: 40px;
filter: drop-shadow(2px 4px 11px #000);
}
#contenedor-nota #ultimos-audios .etiqueta-audio svg {
fill: #ecebe7 !important;
}
#contenedor-nota #ultimos-audios ol {
margin: 0;
width: 100%;
}
#contenedor-nota #ultimos-audios ol li {
height: 120px;
margin: 0 0 30px 0;
border-radius: 10px;
padding: 0;
background: #ecebe77a;
width: 100%;
display: flex;
}
#cuerpo-nota #ultimos-audios {
margin: 0;
}
#cuerpo-nota iframe {
width: 100%;
}
#ultimos-audios ol li p {
line-height: unset;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
font-size: .8rem;
}
#nota-embebida {
margin-bottom: 20px;
}
#nota-embebida article {
display: flex;
padding-bottom: 0;
border-bottom: 0;
background: #f6f5f4;
border-radius: 10px;
border-right: 0;
}
#contenedor-nota #lista-audios .item {
h2, p {
color: #000;
font-family: Roboto Regular, sans-serif, Helvetica, Arial;
line-height: 1rem;
font-size: .8rem;
}
}
#nota-embebida article:nth-last-child(2) {
border-bottom: 0;
}
#nota-embebida article .titulo {
font-size: .9rem;
font-weight: 100;
}
#nota-embebida article .texto {
margin: 20px;
width: 60%;
}
#nota-embebida article .imagen-notas {
width: 100px;
aspect-ratio: unset;
height: 178px;
}
#contenedor-nota #tags {
margin: 0 0 30px 0;
overflow: hidden;
display: grid;
padding-bottom: 30px;
}
#contenedor-nota #tags .titulo-seccion {
margin: 20px 0;
overflow: hidden;
}
#contenedor-nota #tags nav li {
margin: 5px;
padding: 5px;
background: #cecece;
background: #ecebe7;
float: left;
border-radius: 5px;
font-size: 0.9rem;
}
#contenedor-nota #tags .titulo-seccion {
margin: 0;
width: 100%;
padding: 30px 0 10px 0;
}
}
]]>
p:after {
content: «»;
border-left: 5px solid transparent;
border-top: 5px solid;
border-right: 5px solid transparent;
display: inline-block;
position: relative;
bottom: 2px;
left: 5px;
}
.sidenav .menu-desplegable2>p:after {
content: «»;
border-left: 5px solid transparent;
border-bottom: 5px solid;
border-top: 5px solid transparent;
display: inline-block;
position: relative;
left: 5px;
}
}
]]>
